.box { width: 100%; position: relative; overflow: hidden; }

.box .header { width: 100%; position: relative; overflow: hidden; }

.box .header .header-address { width: 100%; position: fixed; top: 0; z-index: 210; }

.box .header .header-address .header-address-top { width: 100%; background: rgba(0, 0, 0, 0.2); margin-bottom: 17px; }

.box .header .header-address .header-address-top .header-address-in { width: 90%; max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }

.box .header .header-address .header-address-top .header-address-in p { line-height: 45px; }

.box .header .header-address .header-address-top .header-address-in p:nth-child(1) { font-size: 14px; color: white; }

.box .header .header-address .header-address-top .header-address-in p:nth-child(2) { font-size: 16px; font-weight: 700; color: white; }

.box .header .header-address .header-dh { width: 90%; max-width: 1200px; margin: 0 auto; height: 34px; position: relative; display: flex; z-index: 11; justify-content: space-between; align-items: center; margin-bottom: 17px; }

.box .header .header-address .header-dh .header-dh-img { width: 205px; height: 100%; position: relative; }

.box .header .header-address .header-dh .header-dh-img img { width: 100%; position: absolute; top: 0; left: 0; }

.box .header .header-address .header-dh .header-dh-img img:nth-child(2) { display: none; }

.box .header .header-address .header-dh .header-tel { width: 30px; cursor: pointer; display: none; }

.box .header .header-address .header-dh .header-tel .header-tel-btn { width: 100%; }

.box .header .header-address .header-dh .header-tel .header-tel-btn div { width: 100%; height: 5px; margin-bottom: 5px; background: white; }

.box .header .header-address .header-dh .header-tel .header-tel-btn div:last-child { margin-bottom: 0; }

.box .header .header-address .header-dh .header-dh-sou { width: 179px; height: 34px; background: rgba(255, 255, 255, 0.4); border-radius: 24px; margin: 0 57px 0 26px; padding: 9px 13px; box-sizing: border-box; display: flex; }

.box .header .header-address .header-dh .header-dh-sou input { width: 90%; background: none; margin-left: 4px; color: rgba(0, 0, 0, 0.6); }

.box .header .header-address .header-dh .header-dh-sou input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); }

.box .header .header-address .header-dh .header-dh-banner li { font-size: 14px; line-height: 34px; color: white; margin-right: 26px; }

.box .header .header-address .header-dh .header-dh-banner li a { color: white; font-weight: 700; }

.box .header .header-address .header-dh .header-dh-banner li:last-child { margin: 0; }

.box .header .header-address .header-dh .header-dh-banner li:hover a { color: #2e57bb; }

.box .header .header-address .header-tel-banner { width: 100%; height: 0; overflow: hidden; }

.box .header .header-address .header-tel-banner li { float: none; height: 20px; background: white; text-align: center; padding: 10px 0; }

.box .header .header-address .header-tel-banner li a { color: #444; }

.box .header .header-address .header-tel-banner li:hover { background: white; }

.box .header .header-main { width: 100%; position: absolute; top: 0; left: 0; }

.box .header .header-main .header-main-in > div .header-img { width: 100%; height: 100%; }

.box .header .header-main .header-main-in > div .header-img img:nth-child(1) { width: 100%; height: auto; }

.box .header .header-main .header-main-in > div .header-text { width: 90%; max-width: 1200px; position: absolute; top: 323px; left: 50%; transform: translate(-50%); color: white; }

.box .header .header-main .header-main-in > div .header-text h1 { font-size: 56px; }

.box .header .header-main .header-main-in > div .header-text h2 { font-size: 42px; margin: 14px 0 24px; }

.box .header .header-main .header-main-in > div .header-text p { color: white; text-shadow: 5px 3px 4px rgba(0, 0, 0, 0.5); }

.box .header .header-main .swiper-pagination { text-align: left; width: 90%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 550px; }

.box .header .header-main .swiper-pagination span { width: 20px; box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.05); border-radius: 10px; margin-right: 10px; }

.box .header .header-main .swiper-pagination .swiper-pagination-bullet { height: 3px; background: rgba(255, 255, 255, 0.4); }

.box .header .header-main .swiper-pagination .swiper-pagination-bullet-active { height: 5px; background: white; }

.box .header .header-in { width: 90%; max-width: 1200px; position: relative; margin: 603px auto 0; z-index: 1; }

.box .header .header-in .header-bto { width: 100%; margin-bottom: 88px; background: white; box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.1); display: flex; flex-flow: row wrap; }

.box .header .header-in .header-bto > div { width: 25%; padding: 0 52px; box-sizing: border-box; }

.box .header .header-in .header-bto > div > div:nth-of-type(1) { width: 88px; height: 88px; background: white; border: 1px solid #dbdbdb; border-radius: 50%; margin: 35px auto 33px; }

.box .header .header-in .header-bto > div p:nth-of-type(1) { font-size: 18px; font-weight: bold; line-height: 24px; color: #444444; text-align: center; }

.box .header .header-in .header-bto > div > div:nth-of-type(2) { width: 20px; height: 1px; background: #3566dc; margin: 15px auto 15px; }

.box .header .header-in .header-bto > div p:nth-of-type(2) { font-size: 14px; line-height: 19px; color: #999999; margin-bottom: 35px; }

.box .thing { width: 100%; }

.box .thing .thing-in { max-width: 1200px; width: 90%; margin: 0 auto; }

.box .thing .thing-in .thing-header { display: flex; justify-content: space-between; }

.box .thing .thing-in .thing-header .thing-header-text { width: 400px; margin-right: 20px; }

.box .thing .thing-in .thing-header .thing-header-text p:nth-child(1) { font-size: 16px; line-height: 21px; color: #444444; margin-top: 117px; }

.box .thing .thing-in .thing-header .thing-header-text p:nth-child(2) { font-size: 30px; line-height: 40px; color: #444444; margin: 0 0 42px; }

.box .thing .thing-in .thing-header .thing-header-text p:nth-child(3) { font-size: 14px; line-height: 24px; color: #777777; }

.box .thing .thing-in .thing-header .thing-header-img { margin-top: 28px; width: 700px; cursor: pointer; border-radius: 204px; overflow: hidden; position: relative; }

.box .thing .thing-in .thing-header .thing-header-img div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 1; opacity: 0; transition: all 1s; }

.box .thing .thing-in .thing-header .thing-header-img img { width: 100%; height: 100%; transform: scale(1); transition: all 1s; object-fit: cover; }

.box .thing .thing-in .thing-header .thing-header-img .divMove { opacity: 1; }

.box .thing .thing-in .thing-header .thing-header-img .imgMove { transform: scale(1.05); }

.box .thing .thing-in .thing-bottom { width: 100%; margin: 100px 0 47px; }

.box .thing .thing-in .thing-bottom > div { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }

.box .thing .thing-in .thing-bottom > div .thing-bottom-app { cursor: pointer; width: 16.66%; }

.box .thing .thing-in .thing-bottom > div .thing-bottom-app a { display: flex; flex-direction: column; align-items: center; }

.box .thing .thing-in .thing-bottom > div .thing-bottom-app a div { width: 78px; height: 78px; border-radius: 24px; }

.box .thing .thing-in .thing-bottom > div .thing-bottom-app a p { font-size: 16px; color: #666666; text-align: center; margin-top: 26px; }

.box .thing .thing-in .thing-bottom > div .thing-bottom-app .thing-shadow { transition: all 0.5s; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.16); }

.box .thing .thing-in .thing-bottom > div:nth-child(1) { margin-bottom: 51px; }

.box .videos { width: 100%; position: relative; overflow: hidden; }

.box .videos .videos-hand { position: absolute; right: -40px; top: -10px; }

.box .videos .videos-bj { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.box .videos .videos-in { width: 90%; max-width: 1200px; margin: 0 auto; overflow: hidden; position: relative; }

.box .videos .videos-in .videos-top { margin-top: 244px; display: flex; justify-content: space-between; }

.box .videos .videos-in .videos-top .videos-text { width: 400px; height: 245px; }

.box .videos .videos-in .videos-top .videos-text p { color: white; }

.box .videos .videos-in .videos-top .videos-text p:nth-child(1) { font-size: 16px; }

.box .videos .videos-in .videos-top .videos-text p:nth-child(2) { font-size: 30px; font-weight: 700; margin: 10px 0 41px; }

.box .videos .videos-in .videos-top .videos-text p:nth-child(3) { font-size: 14px; }

.box .videos .videos-in .videos-top .videos-qieBtn { display: flex; align-items: flex-end; }

.box .videos .videos-in .videos-top .videos-qieBtn li { width: 100px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 5px; color: #fff; text-align: center; line-height: 36px; margin-right: 20px; cursor: pointer; }

.box .videos .videos-in .videos-top .videos-qieBtn .videos-qieBtn-li { background: rgba(255, 255, 255, 0.9); color: #7e88ef; }

.box .videos .videos-in .videos-main { margin-top: 77px; display: flex; flex-flow: row wrap; align-content: flex-start; }

.box .videos .videos-in .videos-main li { background: white; box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.05); margin-bottom: 38px; margin-right: 2%; flex: 0 0 23%; float: none; display: block; cursor: pointer; }

.box .videos .videos-in .videos-main li .videos-main-topImg { width: 100%; height: 170px; object-fit: cover; }

.box .videos .videos-in .videos-main li .videos-main-btmText { padding: 16px 12px 0 15px; box-sizing: border-box; }

.box .videos .videos-in .videos-main li .videos-main-btmText > p { color: #333333; }

.box .videos .videos-in .videos-main li .videos-main-btmText .btmText-details { color: #999999; font-size: 14px; margin-top: 13px; display: flex; justify-content: space-between; margin-bottom: 10px; }

.box .videos .videos-in .videos-main li .videos-main-btmText .btmText-details div { display: flex; justify-content: space-between; }

.box .videos .videos-in .videos-main li .videos-main-btmText .btmText-details div p { white-space: nowrap; }

.box .videos .videos-in .videos-main li .videos-main-btmText .btmText-details div p:nth-child(1) { margin-right: 5px; }

.box .videos .videos-in .videos-main li .videos-main-btmText .btmText-details div { float: right; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; }

.box .videos .videos-in .videos-main li .videos-main-btmText .btmText-details div img { height: 100%; margin-right: 3px; }

.box .videos .videos-in .videos-main li:nth-child(4n) { margin-right: 0; }

.box .videos .videos-in .videos-btn { width: 150px; height: 50px; box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.05); background: #fff; border-radius: 25px; overflow: hidden; margin: 0 auto 50px; display: flex; justify-content: center; transition: all 0.5s; }

.box .videos .videos-in .videos-btn a { line-height: 50px; color: #6b80ec; font-size: 16px; width: 100%; text-align: center; }

.box .onlineCelebrity { width: 100%; background: #f8faff; }

.box .onlineCelebrity .onlineCelebrity-in { max-width: 1200px; width: 90%; margin: 0 auto; overflow: hidden; }

.box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top { margin-top: 86px; display: flex; justify-content: space-between; }

.box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-text { width: 400px; margin-left: 20px; }

.box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-text p:nth-child(1) { font-size: 16px; color: #444444; margin-top: 82px; }

.box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-text p:nth-child(2) { font-size: 30px; font-weight: 700; color: #444444; margin: 0 0 40px; }

.box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-text p:nth-child(3) { font-size: 14px; color: #444444; }

.box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-img { margin-top: 28px; width: 600px; cursor: pointer; border-radius: 204px; overflow: hidden; position: relative; }

.box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-img div { width: 600px; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 1; opacity: 0; transition: all 1s; }

.box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-img img { width: 600px; height: 100%; transform: scale(1); transition: all 1s; }

.box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-img .divMove { opacity: 1; }

.box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-img .imgMove { transform: scale(1.05); }

.box .onlineCelebrity .onlineCelebrity-bottom { width: 100%; margin-top: 60px; position: relative; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-main { width: 100%; width: 100%; padding-bottom: 77px; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-main .onlineCelebrity-bottom-in { width: 100%; display: flex; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-main .onlineCelebrity-bottom-in .onlineCelebrity-bottomI-sun { width: 9%; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-main .onlineCelebrity-bottom-in .onlineCelebrity-bottomI-sun .onlineCelebrity-imgTou { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; margin: 0 auto; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-main .onlineCelebrity-bottom-in .onlineCelebrity-bottomI-sun .onlineCelebrity-imgTou img { width: 100%; height: 100%; object-fit: cover; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-main .onlineCelebrity-bottom-in .onlineCelebrity-bottomI-sun p:nth-of-type(1) { font-size: 18px; font-weight: bold; color: #666666; text-align: center; margin: 6px 0 4px; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-main .onlineCelebrity-bottom-in .onlineCelebrity-bottomI-sun p:nth-of-type(2) { font-size: 16px; color: #666666; text-align: center; margin-bottom: 12px; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-main .onlineCelebrity-bottom-in .onlineCelebrity-bottomI-sun .onlineCelebrity-more { display: flex; align-items: center; justify-content: center; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-main .onlineCelebrity-bottom-in .onlineCelebrity-bottomI-sun .onlineCelebrity-more a { color: #36aafe; margin-right: 9px; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-main .onlineCelebrity-bottom-in .onlineCelebrity-bottomI-sun .onlineCelebrity-more img { transform: rotate(180deg); margin: 3px 0 0 0; height: 100%; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-qieBth { height: 58px; background: white; border: 1px solid #efefef; box-shadow: 0px 4px 20px rgba(130, 130, 130, 0.16); opacity: 1; border-radius: 39px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; box-sizing: border-box; position: absolute; bottom: -29px; left: 50%; transform: translateX(-50%); }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-qieBth .swiper-button-prev, .box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-qieBth .swiper-button-next { background-size: 100% 100%; width: 18px; height: 18px; top: 21px; margin-top: 0; background-image: none !important; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-qieBth .swiper-button-prev img, .box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-qieBth .swiper-button-next img { width: 18px; height: auto; position: relative; top: 0; margin-top: 0; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-qieBth .swiper-button-next img { transform: rotate(180deg); }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-qieBth .swiper-pagination { position: relative; margin: 0 20px; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-qieBth .swiper-pagination span { margin-right: 5px; }

.box .onlineCelebrity .onlineCelebrity-bottom .onlineCelebrity-bottom-qieBth .swiper-pagination span:last-child { margin-right: 0px; }

.box .tidbits { width: 100%; }

.box .tidbits .tidbits-in { width: 90%; max-width: 1200px; margin: 0 auto; }

.box .tidbits .tidbits-in .tidbits-top { margin-top: 56px; display: flex; }

.box .tidbits .tidbits-in .tidbits-top .tidbits-top-text { width: 742px; margin-right: 113px; }

.box .tidbits .tidbits-in .tidbits-top .tidbits-top-text p:nth-child(1) { font-size: 16px; color: #444444; margin-top: 82px; }

.box .tidbits .tidbits-in .tidbits-top .tidbits-top-text p:nth-child(2) { font-size: 30px; font-weight: 700; color: #444444; margin: 0 0 40px; }

.box .tidbits .tidbits-in .tidbits-top .tidbits-top-text p:nth-child(3) { font-size: 14px; color: #444444; }

.box .tidbits .tidbits-bottom { width: 100%; margin-top: 57px; position: relative; }

.box .tidbits .tidbits-bottom .tidbits-bottom-main { width: 100%; width: 100%; padding-bottom: 77px; }

.box .tidbits .tidbits-bottom .tidbits-bottom-main .tidbits-bottom-in { width: 100%; display: flex; }

.box .tidbits .tidbits-bottom .tidbits-bottom-main .tidbits-bottom-in .tidbits-bottomI-sun { display: flex; justify-content: center; }

.box .tidbits .tidbits-bottom .tidbits-bottom-main .tidbits-bottom-in .tidbits-bottomI-sun .sun-in { border: 1px solid #f1f1f1; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.06); border-radius: 0px 0px 30px 0px; padding: 36px 32px 36px 30px; }

.box .tidbits .tidbits-bottom .tidbits-bottom-main .tidbits-bottom-in .tidbits-bottomI-sun .sun-in .sun-top { display: flex; align-items: center; }

.box .tidbits .tidbits-bottom .tidbits-bottom-main .tidbits-bottom-in .tidbits-bottomI-sun .sun-in .sun-top > div:nth-child(1) { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }

.box .tidbits .tidbits-bottom .tidbits-bottom-main .tidbits-bottom-in .tidbits-bottomI-sun .sun-in .sun-top > div:nth-child(1) img { width: 100%; height: 100%; object-fit: cover; }

.box .tidbits .tidbits-bottom .tidbits-bottom-main .tidbits-bottom-in .tidbits-bottomI-sun .sun-in .sun-top > div:nth-child(2) { margin-left: 20px; }

.box .tidbits .tidbits-bottom .tidbits-bottom-main .tidbits-bottom-in .tidbits-bottomI-sun .sun-in .sun-top > div:nth-child(2) p:nth-child(1) { color: #3e396b; font-size: 18px; font-weight: 700; }

.box .tidbits .tidbits-bottom .tidbits-bottom-main .tidbits-bottom-in .tidbits-bottomI-sun .sun-in .sun-top > div:nth-child(2) p:nth-child(2) { font-size: 14px; color: #3e396b; }

.box .tidbits .tidbits-bottom .tidbits-bottom-main .tidbits-bottom-in .tidbits-bottomI-sun .sun-in .sun-btm { margin-top: 15px; }

.box .tidbits .tidbits-bottom .tidbits-bottom-main .tidbits-bottom-in .tidbits-bottomI-sun .sun-in .sun-btm div { width: 302px; height: 187px; }

.box .tidbits .tidbits-bottom .tidbits-bottom-main .tidbits-bottom-in .tidbits-bottomI-sun .sun-in .sun-btm div img { width: 100%; height: 100%; object-fit: cover; }

.box .tidbits .tidbits-bottom .tidbits-bottom-main .tidbits-bottom-in .tidbits-bottomI-sun .sun-in .sun-btm p { width: 302px; margin-top: 16px; font-size: 14px; color: #4c5990; }

.box .tidbits .tidbits-bottom .tidbits-bottom-qieBth { height: 58px; background: white; border: 1px solid #efefef; box-shadow: 0px 4px 20px rgba(130, 130, 130, 0.16); opacity: 1; border-radius: 39px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; box-sizing: border-box; position: absolute; bottom: -29px; left: 50%; transform: translateX(-50%); }

.box .tidbits .tidbits-bottom .tidbits-bottom-qieBth .swiper-button-prev, .box .tidbits .tidbits-bottom .tidbits-bottom-qieBth .swiper-button-next { background-size: 100% 100%; width: 18px; height: 18px; top: 21px; margin-top: 0; background-image: none !important; }

.box .tidbits .tidbits-bottom .tidbits-bottom-qieBth .swiper-button-prev img, .box .tidbits .tidbits-bottom .tidbits-bottom-qieBth .swiper-button-next img { width: 100%; height: auto; position: relative; top: 0; margin-top: 0; }

.box .tidbits .tidbits-bottom .tidbits-bottom-qieBth .swiper-button-next img { transform: rotate(180deg); }

.box .tidbits .tidbits-bottom .tidbits-bottom-qieBth .swiper-pagination { position: relative; margin: 0 20px; }

.box .tidbits .tidbits-bottom .tidbits-bottom-qieBth .swiper-pagination span { margin-right: 5px; }

.box .tidbits .tidbits-bottom .tidbits-bottom-qieBth .swiper-pagination span:last-child { margin-right: 0px; }

.box .ServiceProcess { width: 100%; background: linear-gradient(135deg, #3566dc 0%, #986dff 100%); overflow: hidden; }

.box .ServiceProcess .ServiceProcess-in { width: 90%; max-width: 1200px; margin: 0 auto; }

.box .ServiceProcess .ServiceProcess-in .ServiceProcess-top { margin-top: 103px; }

.box .ServiceProcess .ServiceProcess-in .ServiceProcess-top p { text-align: center; color: #fff; }

.box .ServiceProcess .ServiceProcess-in .ServiceProcess-top p:nth-child(2) { font-size: 30px; font-weight: 700; margin: 10px 0 31px; }

.box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom { width: 100%; display: flex; justify-content: center; margin: 90px 0 95px; }

.box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom .ServiceProcess-bottom-in { width: 90%; position: relative; }

.box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom .ServiceProcess-bottom-in ul { height: 100%; position: relative; display: flex; justify-content: space-between; z-index: 1; }

.box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom .ServiceProcess-bottom-in ul li { display: flex; flex-flow: column wrap; align-items: center; width: 16.66%; max-width: 84px; }

.box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom .ServiceProcess-bottom-in ul li div { width: 100%; margin-bottom: 36px; }

.box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom .ServiceProcess-bottom-in ul li div img { width: 100%; }

.box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom .ServiceProcess-bottom-in ul li p { text-align: center; font-size: 20px; color: #fff; white-space: nowrap; }

.box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom .ServiceProcess-bottom-in ul li:last-child { margin-right: 0; }

.box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom .ServiceProcess-bottom-in .ServiceProcess-bottom-dashed { position: absolute; width: 100%; height: 1px; top: 42px; border-bottom: 1px dashed #e4e4e4; }

.box .introduction { width: 100%; position: relative; overflow: hidden; background: #f8faff; }

.box .introduction .introduction-top { width: 90%; max-width: 1200px; margin: 162px auto 0; position: relative; z-index: 10; }

.box .introduction .introduction-top p:nth-child(2) { color: #444444; font-size: 30px; font-weight: 700; margin: 10px 0 40px; }

.box .introduction .introduction-top p:nth-child(3) { width: 100%; font-size: 14px; max-width: 742px; margin-bottom: 69px; }

.box .introduction .introduction-top .introduction-top-link { display: flex; align-items: center; }

.box .introduction .introduction-top .introduction-top-link a { color: #36aafe; }

.box .introduction .introduction-top .introduction-top-link img { transform: rotate(-180deg); }

.box .introduction .introduction-btm { width: 100%; margin-top: -140px; }

.box .introduction .introduction-btm img { width: 100%; }

.box .introduction .introduction-img { width: 90%; max-width: 1200px; margin: 0 auto; display: none; }

.box .introduction .introduction-img img { width: 100%; }

.box .business { width: 100%; background: #f8faff; position: relative; }

.box .business .business-in { width: 90%; max-width: 1200px; margin: 0 auto; }

.box .business .business-in .business-top .business-top-title { text-align: right; margin-bottom: 114px; }

.box .business .business-in .business-top .business-top-title p:nth-child(2) { font-size: 30px; margin-top: 10px; font-weight: 700; }

.box .business .business-in .business-top .business-top-main { display: flex; flex-flow: row wrap; }

.box .business .business-in .business-top .business-top-main > div { display: flex; justify-content: space-between; width: 50%; }

.box .business .business-in .business-top .business-top-main > div p:nth-child(1) { font-size: 20px; font-weight: 700; margin-bottom: 55px; }

.box .business .business-in .business-top .business-top-main > div p:nth-child(2) { max-width: 392px; font-size: 14px; color: #777777; }

.box .business .business-in .business-top .business-top-main > div .business-main-iImg { max-width: 150px; height: 300px; }

.box .business .business-in .business-top .business-top-main > div .business-main-iImg img { height: 100%; width: 100%; object-fit: cover; }

.box .business .business-in .business-top .business-top-main .business-main-left .business-main-iImg { margin-left: 50px; }

.box .business .business-in .business-top .business-top-main .business-main-right .business-main-iImg { margin-right: 50px; }

.box .business .business-in .business-top .business-top-main > div:nth-child(3) div, .box .business .business-in .business-top .business-top-main > div:nth-child(4) div { top: 0; }

.box .business .business-in .business-top .business-top-main > div:nth-child(3) p:nth-child(1), .box .business .business-in .business-top .business-top-main > div:nth-child(4) p:nth-child(1) { margin-top: 36px; }

.box .business .business-in .business-bottom { width: 100%; height: 220px; margin-top: 150px; background: linear-gradient(314deg, #412fdd 0%, #986dff 100%); border-radius: 80px 0px 80px 0px; }

.box .business .business-in .business-bottom ul { width: 100%; }

.box .business .business-in .business-bottom ul li { width: 25%; }

.box .business .business-in .business-bottom ul li h2 { font-size: 38px; color: white; font-weight: bold; text-align: center; margin: 66px 0 28px; }

.box .business .business-in .business-bottom ul li h2 span { font-size: 16px; }

.box .business .business-in .business-bottom ul li p { text-align: center; font-size: 16px; color: white; }

.box .news { width: 100%; }

.box .news .news-in { width: 90%; max-width: 1200px; margin: 0 auto; overflow: hidden; }

.box .news .news-in .news-top { margin-top: 88px; }

.box .news .news-in .news-top p { text-align: center; }

.box .news .news-in .news-top p:nth-child(2) { color: #444444; font-size: 30px; font-weight: bold; margin: 10px 0 25px; }

.box .news .news-in .news-bottom { margin-top: 64px; display: flex; flex-flow: row wrap; justify-content: space-between; }

.box .news .news-in .news-bottom > div { background: white; box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.05); margin-bottom: 38px; flex: 0 0 23%; float: none; cursor: pointer; }

.box .news .news-in .news-bottom > div .news-bottom-img { width: 100%; height: 170px; object-fit: cover; }

.box .news .news-in .news-bottom > div .news-bottom-text { padding: 16px 12px 0 15px; box-sizing: border-box; display: flex; flex-flow: column wrap; }

.box .news .news-in .news-bottom > div .news-bottom-text > p:nth-child(1) { color: #333333; }

.box .news .news-in .news-bottom > div .news-bottom-text > p:nth-child(2) { font-size: 14px; color: #999999; margin: 14px 0 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.box .news .news-in .news-bottom > div .news-bottom-text .news-details { font-size: 14px; margin-bottom: 14px; }

.box .news .news-in .news-bottom > div .news-bottom-text .news-details div { float: left; display: flex; flex-direction: row; justify-content: center; align-items: center; }

.box .news .news-in .news-bottom > div .news-bottom-text .news-details div img { height: 100%; margin-right: 3px; }

.box .news .news-in .news-bottom > div .news-bottom-text .news-details div p { color: #666666; font-size: 12px; }

.box .news .news-in .news-bottom > div .news-bottom-text .news-details > p { font-size: 12px; float: right; color: #acacac; }

.box .news .news-in .news-more { overflow: hidden; width: 156px; height: 48px; background: white; box-shadow: 0px 4px 20px rgba(130, 130, 130, 0.16); border-radius: 39px; display: flex; align-items: center; justify-content: center; margin: 0 auto 69px; cursor: pointer; transition: all 0.5s; }

.box .news .news-in .news-more a { color: #36aafe; }

.box .customer { width: 100%; background: linear-gradient(135deg, #3566dc 0%, #986dff 100%); position: relative; }

.box .customer > img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.box .customer .customer-in { width: 90%; max-width: 1200px; position: relative; z-index: 1; margin: 0 auto; overflow: hidden; }

.box .customer .customer-in .customer-title { margin: 75px 0 50px; }

.box .customer .customer-in .customer-title p { color: white; }

.box .customer .customer-in .customer-title p:nth-child(2) { font-size: 30px; font-weight: bold; }

.box .customer .customer-in .customer-btm { width: 100%; }

.box .customer .customer-in .customer-btm .customer-btm-main { display: flex; flex-flow: row wrap; margin-bottom: 49px; }

.box .customer .customer-in .customer-btm .customer-btm-main div { width: 12.5%; height: 142px; background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; }

.box .customer .customer-in .customer-btm .customer-btm-main div img { width: 100%; }

.box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(2), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(4), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(6), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(8), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(9), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(11), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(13), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(15) { background: #e8e8e8; }

.box .customer .customer-in .customer-btm .customer-btm-qie { width: 168px; height: 58px; background: white; border: 1px solid #efefef; box-shadow: 0px 4px 20px rgba(130, 130, 130, 0.16); opacity: 1; border-radius: 39px; display: flex; align-items: center; padding: 0 15px; box-sizing: border-box; margin: 0 auto 53px; display: none; }

.box .customer .customer-in .customer-btm .customer-btm-qie img { width: 14px; height: auto; }

.box .customer .customer-in .customer-btm .customer-btm-qie img:nth-of-type(2) { transform: rotate(180deg); }

.box .customer .customer-in .customer-btm .customer-btm-qie ul { margin: 0 15px; }

.box .customer .customer-in .customer-btm .customer-btm-qie ul li { width: 9px; height: 9px; background: #3566dc; border-radius: 50%; margin-right: 8px; }

.box .customer .customer-in .customer-btm .customer-btm-qie ul li:last-child { margin: 0; }

.box .link { width: 100%; height: 100%; min-height: 675px; background: #30296d; }

.box .link .link-in { max-width: 1200px; width: 90%; margin: 0 auto; overflow: hidden; }

.box .link .link-in p { color: #fff; margin-right: 40px; }

.box .link .link-in .link-top { display: flex; flex-direction: column; }

.box .link .link-in .link-top p { font-size: 20px; margin-bottom: 20px; }

.box .link .link-in .link-top ul > li { margin-right: 40px; margin-bottom: 12px; }

.box .link .link-in .link-top ul > li a { color: #fff; }

.box .link .link-in .link-works { margin: 82px 0 60px; display: flex; flex-direction: column; }

.box .link .link-in .link-works p { font-size: 20px; margin-bottom: 20px; }

.box .link .link-in .link-works .link-works-in { width: 100%; display: flex; justify-content: space-between; }

.box .link .link-in .link-works .link-works-in .link-works-ul { width: 20%; display: flex; flex-direction: column; }

.box .link .link-in .link-works .link-works-in .link-works-ul li { text-align: center; width: 100%; margin-bottom: 10px; }

.box .link .link-in .link-works .link-works-in .link-works-ul li a { color: #999; }

.box .link .link-in .link-works .link-works-in .link-works-ul li a:hover { text-decoration: underline; color: #fff; }

.box .link .link-in .link-works .link-works-in .link-works-ul li:first-child { font-size: 18px; color: #fff; margin-bottom: 30px; }

video { width: 100%; height: 100%; }

.videos-btn-changeColor { background: #6b80ec !important; }

.videos-btn-changeColor a { color: #fff !important; }

@media screen and (max-width: 1200px) { .header-dh-banner { display: none; }
  .box .header .header-address .header-dh .header-dh-sou { margin: 0; }
  .box .header .header-address .header-dh .header-tel { display: block; }
  .box .business .business-in .business-top .business-top-main > div { width: 60%; margin: 0 auto; min-width: 600px; }
  .box .business .business-in .business-top .business-top-main .business-main-right { flex-direction: row-reverse; } }

@media screen and (max-width: 1000px) { .box .header .header-in .header-main { margin: 150px auto 0; }
  .box .header .header-in .header-main .header-main-in div { text-align: center; }
  .box .header .header-in .swiper-pagination { text-align: center; }
  .box .header .header-in .header-bto > div { width: 50%; }
  .box .thing .thing-in .thing-header { flex-wrap: wrap; justify-content: center; }
  .box .thing .thing-in .thing-header .thing-header-text { width: 100%; }
  .box .thing .thing-in .thing-header .thing-header-text p { text-align: center; }
  .box .thing .thing-in .thing-header .thing-header-img { display: flex; justify-content: center; }
  .box .videos .videos-in .videos-top { flex-wrap: wrap; }
  .box .videos .videos-in .videos-top .videos-text { width: 100%; }
  .box .videos .videos-in .videos-top .videos-text p { text-align: center; }
  .box .videos .videos-in .videos-top .videos-qieBtn { width: 100%; display: flex; justify-content: center; margin-top: 50px; }
  .box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-text { width: 100%; }
  .box .videos .videos-in .videos-main { margin-top: 30px; }
  .box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top { flex-flow: column-reverse wrap; align-items: center; }
  .box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-text p { text-align: center; }
  .box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-img { display: flex; justify-content: center; }
  .box .tidbits .tidbits-in .tidbits-top { flex-flow: row wrap; }
  .box .tidbits .tidbits-in .tidbits-top .tidbits-top-text { width: 100%; text-align: center; margin-right: 0; }
  .box .tidbits .tidbits-in .tidbits-top .tidbits-top-img { width: 100%; display: flex; justify-content: center; }
  .box .header .header-address .header-address-in { justify-content: center; }
  .box .header .header-address .header-address-in p:nth-child(1) { display: none; }
  .box .customer .customer-in .customer-btm .customer-btm-main div { width: 25%; }
  .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(2), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(4), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(6), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(8), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(9), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(11), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(13), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(15) { background: white; }
  .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(2), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(4), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(5), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(7), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(10), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(12), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(13), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(15) { background: #e8e8e8; } }

@media screen and (max-width: 800px) { .box .videos .videos-in .videos-main li { flex: 0 0 31%; }
  .box .videos .videos-in .videos-main li:nth-child(4n) { margin-right: 2%; }
  .box .videos .videos-in .videos-main li:nth-child(3n) { margin-right: 0; }
  .box .header .header-address .header-dh .header-dh-sou { display: none; }
  .box .news .news-in .news-bottom > div { flex: 0 0 31%; } }

@media screen and (max-width: 768px) { .box .header .header-address .header-address-top .header-address-in { display: none; }
  .box .header .header-main .header-main-in > div .header-img img:nth-child(1) { height: 600px; object-fit: cover; }
  .box .header .header-main .header-main-in > div .header-text { top: 100px; text-align: center; }
  .box .header .header-main .header-main-in > div .header-text h1 { font-size: 20px; }
  .box .header .header-main .header-main-in > div .header-text h2 { font-size: 20px; }
  .box .header .header-in { margin: 400px auto 0; }
  .box .header .header-in .header-main { width: 100%; margin: 100px auto 0; }
  .box .header .header-in .header-bto > div { width: 100%; background: #f8f8f8; }
  .box .thing .thing-in .thing-header .thing-header-text p:nth-child(1) { margin-top: 0; }
  .box .thing .thing-in .thing-bottom { margin: 50px 0 0; }
  .box .thing .thing-in .thing-bottom > div .thing-bottom-app { width: 18%; }
  .box .thing .thing-in .thing-bottom > div .thing-bottom-app a { display: flex; flex-direction: column; align-items: center; }
  .box .thing .thing-in .thing-bottom > div .thing-bottom-app a div { width: 100%; height: auto; }
  .box .thing .thing-in .thing-bottom > div .thing-bottom-app a div img { width: 100%; }
  .box .videos { margin-top: -130px; }
  .box .videos .videos-bj { object-fit: cover; }
  .box .videos .videos-hand { display: none; }
  .box .videos .videos-in .videos-top .videos-qieBtn { justify-content: flex-start; flex-wrap: wrap; }
  .box .videos .videos-in .videos-top .videos-qieBtn li { font-size: 14px; width: 30%; margin-right: 3%; margin-bottom: 3%; }
  .box .videos .videos-in .videos-top .videos-qieBtn li:nth-child(3n) { margin-right: 0; }
  .box .videos .videos-in .videos-top .videos-text { margin-top: 120px; }
  .box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top { margin-top: 40px; }
  .box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-text { margin-left: 0; }
  .box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-text p:nth-child(1) { margin-top: 0; }
  .box .tidbits .tidbits-bottom { margin-top: 40px; }
  .box .tidbits .tidbits-in .tidbits-top { margin-top: 0; }
  .box .ServiceProcess .ServiceProcess-in .ServiceProcess-top { margin-top: 70px; }
  .box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom { margin: 60px 0 95px; }
  .box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom .ServiceProcess-bottom-in { width: 100%; }
  .box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom .ServiceProcess-bottom-in ul li { width: 14.66%; }
  .box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom .ServiceProcess-bottom-in ul li div { margin-bottom: 0; }
  .box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom .ServiceProcess-bottom-in ul li p { position: absolute; width: 48px; top: 70px; font-size: 12px; }
  .box .ServiceProcess .ServiceProcess-in .ServiceProcess-bottom .ServiceProcess-bottom-in .ServiceProcess-bottom-dashed { top: 50%; }
  .box .introduction .introduction-top { margin: 50px auto 0; }
  .box .introduction .introduction-top p:nth-child(3) { margin-bottom: 20px; }
  .box .introduction .introduction-btm { display: none; }
  .box .introduction .introduction-img { margin: 30px auto 0; display: block; }
  .box .business .business-in .business-top .business-top-title { margin-bottom: 0; text-align: center; }
  .box .business .business-in .business-top .business-top-main > div { min-width: 100%; margin: 20px auto; flex-wrap: wrap; }
  .box .business .business-in .business-top .business-top-main > div > div { text-align: center; }
  .box .business .business-in .business-top .business-top-main > div > div p:nth-child(1) { margin-bottom: 20px; }
  .box .business .business-in .business-top .business-top-main > div .business-main-iImg { max-width: 100%; height: auto; margin-left: 0 !important; margin-right: 0 !important; }
  .box .business .business-in .business-top .business-top-main .business-main-right { flex-direction: column-reverse; }
  .box .business .business-in .business-bottom { margin-top: 50px; }
  .box .videos .videos-in .videos-main li { width: 48%; margin-bottom: 20px; }
  .box .business .business-in .business-bottom ul li h2 { font-size: 24px; }
  .box .business .business-in .business-bottom ul li h2 span { font-size: 12px; }
  .box .business .business-in .business-bottom ul li p { font-size: 14px; }
  .box .customer .customer-in .customer-title { margin: 32px 0 25px; }
  .box .business .business-in .business-top .business-top-main > div .business-main-iImg img { display: none; }
  .box .link .link-in .link-works .link-works-in .link-works-ul li:first-child { font-size: 14px; }
  .box .link .link-in .link-works .link-works-in .link-works-ul li a { font-size: 12px; } }

@media screen and (max-width: 600px) { .box .videos .videos-in .videos-main li { flex: 0 0 48%; }
  .box .videos .videos-in .videos-main li:nth-child(3n) { margin-right: 2%; }
  .box .videos .videos-in .videos-main li:nth-child(2n) { margin-right: 0; }
  .box .thing .thing-in .thing-header .thing-header-img img { width: 100%; }
  .box .news .news-in .news-bottom > div { flex: 0 0 48%; }
  .box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-img { width: 100%; }
  .box .onlineCelebrity .onlineCelebrity-in .onlineCelebrity-top .onlineCelebrity-top-img img { width: 100%; } }

@media screen and (max-width: 500px) { .box .customer .customer-in .customer-btm .customer-btm-main div { width: 50%; }
  .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(2), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(4), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(5), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(7), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(10), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(12), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(13), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(15) { background: white; }
  .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(2), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(3), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(6), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(7), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(10), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(11), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(14), .box .customer .customer-in .customer-btm .customer-btm-main div:nth-child(15) { background: #e8e8e8; } }